<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/swiper.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <nav>
        <div class="w">
            <ul class="list">
                <li class="current"><a href="#">首页</a></li>
                <li><a href="#">新加坡</a></li>
                <li><a href="#">留学</a></li>
                <li><a href="#">寄宿家庭</a></li>
                <li><a href="#">咨讯中心</a></li>
                <li><a href="#">培训课程</a></li>
                <li><a href="#">56服务</a></li>
                <li><a href="#">学校大全</a></li>
            </ul>
            <div class="search_box">
                <input type="text" placeholder="请输入搜索关键词">
                <i></i>
            </div>
        </div>
    </nav>
    <header>
        <div class="w">
            <a href="#"><img src="images/Logo.png" alt=""></a>
            <div class="fr">
                <span class="big"><img src="images/phone.png" alt="">24小时免费咨询</span>
                <span class="s"><img src="images/china.png" alt="">4008-123-123</span>
                <span class="s"><img src="images/新加坡.png" alt="">0065-123-321</span>
            </div>
        </div>
    </header>
    <section class="professional_analysis w">
        <div class="w clearfix">
            <span class="title">专家解析</span>
            <ul class="list">
                <li><a href="#">读中小学</a></li>
                <li><a href="#">国际小学</a></li>
                <li><a href="#">国际初级学院/高中</a></li>
                <li><a href="#">理工学院/工艺教育学院/私立教育机构</a></li>
                <li><a href="#">读本科</a></li>
                <li><a href="#">读硕士</a></li>
            </ul>
            <a class="r_btn" href="#">开启自助选校/专业服务<i></i></a>
        </div>
    </section>
    <section class="introduce">
        <div class="w clearfix">
            <div class="fl">
                <span class="title">流程全透明</span>
                <ul>
                    <li>
                        <div class="imgbox"><img src="images/icon3.png" alt=""></div>
                        <div class="txt">特色留学 之路定制</div>
                    </li>
                    <li>
                        <div class="imgbox"><img src="images/icon4.png" alt=""></div>
                        <div class="txt">留学前期 准备指南</div>
                    </li>
                    <li>
                        <div class="imgbox"><img src="images/icon5.png" alt=""></div>
                        <div class="txt">留学各项 费用大全</div>
                    </li>
                    <li>
                        <div class="imgbox"> <img src="images/icon6.png" alt=""></div>
                        <div class="txt">留学相关 课程推荐</div>
                    </li>
                </ul>
            </div>
            <div class="fr">
                <span class="title">多所高校授权</span>
                <ul>
                    <li>
                        <div class="imgbox"><img src="images/i2.png" alt=""></div>
                        <div class="b">品质</div>
                        <div class="intro">专注于新加坡留学</div>
                    </li>
                    <li>
                        <div class="imgbox"><img src="images/i3.png" alt=""></div>
                        <div class="b">专业</div>
                        <div class="intro">专注于新加坡留学</div>
                    </li>
                    <li>
                        <div class="imgbox"><img src="images/i4.png" alt=""></div>
                        <div class="b">权威 </div>
                        <div class="intro">专注于新加坡留学</div>
                    </li>
                </ul>
            </div>
        </div>
    </section>
    <section class="homepage">
        <div class="section1 w clearfix">
            <div class="appointment">
                <div class="title">名师预约<span class="s">快速通道</span></div>
                <ul class="list">
                    <li>
                        <input type="text" placeholder="姓名">
                    </li>
                    <li>
                        <input type="text" placeholder="年龄">
                    </li>
                    <li>
                        <input type="text" placeholder="意向学校">
                    </li>
                    <li>
                        <input type="text" placeholder="手机号">
                    </li>
                    <li>
                        <input type="text" placeholder="图形验证码" class="s"> <img src="" alt=""></li>
                    <li>
                        <input type="text" placeholder="短信验证码" class="s">
                        <div class="get">获取验证码</div>
                    </li>
                </ul>
                <div class="btn">我要预约</div>
            </div>
            <div class="carousel">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="" alt="">
                            <div class="under">韩正应勇等出席十九大的上海代表乘坐"复兴号"进京
                                <div class="fr">
                                    <ul>
                                        <li> <img src="images/i7.png" alt="" class="icon_l"> </li>
                                        <li> <img src="images/i6.png" alt="" class="icon_r"></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <img src="https://i.loli.net/2017/10/30/59f6bebe99ce0.jpg" alt="">
                            <div class="under">韩正应勇等出席十九大的上海代表乘坐"复兴号"进京
                                <div class="fr">
                                    <ul>
                                        <li> <img src="images/i7.png" alt="" class="icon_l"> </li>
                                        <li> <img src="images/i6.png" alt="" class="icon_r"></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <img src="https://i.loli.net/2017/10/30/59f6be1e53689.jpg" alt="">
                            <div class="under">韩正应勇等出席十九大的上海代表乘坐"复兴号"进京
                                <div class="fr">
                                    <ul>
                                        <li> <img src="images/i7.png" alt="" class="icon_l"> </li>
                                        <li> <img src="images/i6.png" alt="" class="icon_r"></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="section2 w clearfix">
            <div class="title">最新资讯</div>
            <div class="part">
                <div class="top">
                    <span>热闻</span>
                    <div class="fr">
                        <i class="intro">新加坡最新新闻速递</i>
                        <a href="#" class="more">更多<img src="images/icon_more.png" alt=""></a>
                    </div>
                </div>
                <div class="big">
                    <img src="" alt="">
                    <a class="title" href="#">罕见病人用摇滚传递力量:我不罕见 你也罕见病人用摇滚传递力量:我不罕见 你也.</a>
                    <div class="intro">视觉中国增加了平面委托拍摄业务,自业务开展以来,致力于客户享受一站式服务,从而解决了客户多家供应商、多方面联系渠道的需求。 权利清除服务 我们遍布全球各地的律师..</div>
                </div>
                <ul class="list">
                    <li>
                        <i class="dot">•</i>
                        <a href="#">美联航拖拽下机事件两安保人员遭解雇</a>
                        <i class="time"> 2017/09/11</i>
                    </li>
                    <li>
                        <i class="dot">•</i>
                        <a href="#">美联航拖拽下机事件两安保人员遭解雇</a>
                        <i class="time"> 2017/09/11</i>
                    </li>
                    <li>
                        <i class="dot">•</i>
                        <a href="#">美联航拖拽下机事件两安保人员遭解雇</a>
                        <i class="time"> 2017/09/11</i>
                    </li>
                    <li>
                        <i class="dot">•</i>
                        <a href="#">美联航拖拽下机事件两安保人员遭解雇</a>
                        <i class="time"> 2017/09/11</i>
                    </li>
                    <li>
                        <i class="dot">•</i>
                        <a href="#">美联航拖拽下机事件两安保人员遭解雇</a>
                        <i class="time"> 2017/09/11</i>
                    </li>
                </ul>
            </div>
            <div class="part">
                <div class="top">
                    <span>留学</span>
                    <div class="fr">
                        <i class="intro">新加坡中小学</i>
                        <i class="intro sp">低龄留学的首选</i>
                        <a href="#" class="more">更多<img src="images/icon_more.png" alt=""></a>
                    </div>
                </div>
                <div class="big">
                    <img src="" alt="">
                    <a class="title" href="#">罕见病人用摇滚传递力量:我不罕见 你也罕见病人用摇滚传递力量:我不罕见 你也.</a>
                    <div class="intro">视觉中国增加了平面委托拍摄业务,自业务开展以来,致力于客户享受一站式服务,从而解决了客户多家供应商、多方面联系渠道的需求。 权利清除服务 我们遍布全球各地的律师..</div>
                </div>
                <ul class="list">
                    <li><i class="dot">•</i><a href="#">美联航拖拽下机事件两安保人员遭解雇</a><i class="time"> 2017/09/11</i></li>
                    <li><i class="dot">•</i><a href="#">美联航拖拽下机事件两安保人员遭解雇</a><i class="time"> 2017/09/11</i></li>
                    <li><i class="dot">•</i><a href="#">美联航拖拽下机事件两安保人员遭解雇</a><i class="time"> 2017/09/11</i></li>
                    <li><i class="dot">•</i><a href="#">美联航拖拽下机事件两安保人员遭解雇</a><i class="time"> 2017/09/11</i></li>
                    <li><i class="dot">•</i><a href="#">美联航拖拽下机事件两安保人员遭解雇</a><i class="time"> 2017/09/11</i></li>
                </ul>
            </div>
            <div class="about">
                <div class="top">
                    <span>关于新加坡留学</span>
                    <div class="fr"></div>
                </div>
                <ul class="list clearfix">
                    <li>
                        <a href="#"><img src="images/i8.png" alt="">
                            <div class="txt">留学费用</div>
                        </a>
                        <div class="hide_box">
                            <span class="title">留学费用</span>
                            <div class="intro">拉帕马斯攻击力弱，塞尔塔又缺少主力前锋，并且两队有不少主力参加了国家队的比赛比较疲劳，我认为平局是大家都能接受的结果…</div>
                            <a href="#" class="more">更多咨询<img src="images/icon-orange.png" alt=""></a>
                        </div>
                    </li>
                    <li>
                        <a href="#"><img src="images/i9.png" alt="">
                            <div class="txt">留学条件</div>
                        </a>
                        <div class="hide_box">
                            <span class="title">留学条件</span>
                            <div class="intro">拉帕马斯攻击力弱，塞尔塔又缺少主力前锋，并且两队有不少主力参加了国家队的比赛比较疲劳，我认为平局是大家都能接受的结果…</div>
                            <a href="#" class="more">更多咨询<img src="images/icon-orange.png" alt=""></a>
                        </div>
                    </li>
                    <li>
                        <a href="#"><img src="images/i10.png" alt="">
                            <div class="txt">留学材料</div>
                        </a>
                        <div class="hide_box">
                            <span class="title">留学材料</span>
                            <div class="intro">拉帕马斯攻击力弱，塞尔塔又缺少主力前锋，并且两队有不少主力参加了国家队的比赛比较疲劳，我认为平局是大家都能接受的结果…</div>
                            <a href="#" class="more">更多咨询<img src="images/icon-orange.png" alt=""></a>
                        </div>
                    </li>
                    <li>
                        <a href="#"><img src="images/i11.png" alt="">
                            <div class="txt">留学政策</div>
                        </a>
                        <div class="hide_box">
                            <span class="title">留学政策</span>
                            <div class="intro">拉帕马斯攻击力弱，塞尔塔又缺少主力前锋，并且两队有不少主力参加了国家队的比赛比较疲劳，我认为平局是大家都能接受的结果…</div>
                            <a href="#" class="more">更多咨询<img src="images/icon-orange.png" alt=""></a>
                        </div>
                    </li>
                    <li>
                        <a href="#"><img src="images/i12.png" alt="">
                            <div class="txt">留学服务</div>
                        </a>
                        <div class="hide_box">
                            <span class="title">留学服务</span>
                            <div class="intro">拉帕马斯攻击力弱，塞尔塔又缺少主力前锋，并且两队有不少主力参加了国家队的比赛比较疲劳，我认为平局是大家都能接受的结果…</div>
                            <a href="#" class="more">更多咨询<img src="images/icon-orange.png" alt=""></a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="section3 w clearfix">
            <div class="title">推荐院校</div>
            <div class="part mr">
                <div class="top">
                    <span>公立学校</span>
                    <div class="fr"> </div>
                </div>
                <ul class="tab">
                    <li class="current">小学</li>
                    <li>初中</li>
                    <li>高中</li>
                    <li>理科学院</li>
                    <li class="other">其他</li>
                    <div class="other_box">
                        <ul>
                            <li>本科</li>
                            <li>研究生</li>
                        </ul>
                    </div>
                </ul>
                <ul class="list">
                    <li>
                        <i class="num">1</i><img src="" alt="">
                        <div>
                            <a class="title" href="#">新加坡开播高等教育学院</a>
                        </div>
                        <a href="#" class="btn">索取资料</a>
                    </li>
                    <li>
                        <i class="num">2</i><img src="" alt="">
                        <div>
                            <a class="title" href="#">新加坡开播高等教育学院</a>
                        </div>
                        <a href="#" class="btn">索取资料</a>
                    </li>
                    <li>
                        <i class="num">3</i>
                        <a href="#" class="title">新加坡国立大学</a>
                        <a href="#" class="btn  common fr">索取资料</a>
                    </li>
                    <li>
                        <i class="num">4</i>
                        <a href="#" class="title">新加坡国立大学</a>
                        <a href="#" class="btn common  fr">索取资料</a>
                    </li>
                    <li>
                        <i class="num">5</i>
                        <a href="#" class="title">新加坡国立大学</a>
                        <a href="#" class="btn  common fr">索取资料</a>
                    </li>
                    <li>
                        <i class="num">6</i>
                        <a href="#" class="title">新加坡国立大学</a>
                        <a href="#" class="btn  common fr">索取资料</a>
                    </li>
                </ul>
            </div>
            <div class="part mr">
                <div class="top">
                    <span>私立学校</span>
                    <div class="fr"> </div>
                </div>
                <ul class="tab">
                    <li class="current">语言班</li>
                    <li>大专</li>
                    <li>本科</li>
                    <li>研究生</li>
                    <li class="other">其他</li>
                    <div class="other_box">
                        <ul>
                            <li>本科</li>
                            <li>研究生</li>
                        </ul>
                    </div>
                </ul>
                <ul class="list">
                    <li>
                        <i class="num">1</i><img src="" alt="">
                        <div>
                            <a class="title" href="#">新加坡开播高等教育学院</a>
                        </div>
                        <a href="#" class="btn">索取资料</a>
                    </li>
                    <li>
                        <i class="num">2</i><img src="" alt="">
                        <div>
                            <a class="title" href="#">新加坡开播高等教育学院</a>
                        </div>
                        <a href="#" class="btn">索取资料</a>
                    </li>
                    <li>
                        <i class="num">3</i>
                        <a href="#" class="title">新加坡国立大学</a>
                        <a href="#" class="btn  common fr">索取资料</a>
                    </li>
                    <li>
                        <i class="num">4</i>
                        <a href="#" class="title">新加坡国立大学</a>
                        <a href="#" class="btn common  fr">索取资料</a>
                    </li>
                    <li>
                        <i class="num">5</i>
                        <a href="#" class="title">新加坡国立大学</a>
                        <a href="#" class="btn  common fr">索取资料</a>
                    </li>
                    <li>
                        <i class="num">6</i>
                        <a href="#" class="title">新加坡国立大学</a>
                        <a href="#" class="btn  common fr">索取资料</a>
                    </li>
                </ul>
            </div>
            <div class="part">
                <div class="top">
                    <span>公立学校</span>
                    <div class="fr"> </div>
                </div>
                <ul class="tab">
                    <li class="current">小学</li>
                    <li>初中</li>
                    <li>高中</li>
                </ul>
                <ul class="list">
                    <li>
                        <i class="num">1</i><img src="" alt="">
                        <div>
                            <a class="title" href="#">新加坡开播高等教育学院</a>
                        </div>
                        <a href="#" class="btn">索取资料</a>
                    </li>
                    <li>
                        <i class="num">2</i><img src="" alt="">
                        <div>
                            <a class="title" href="#">新加坡开播高等教育学院</a>
                        </div>
                        <a href="#" class="btn">索取资料</a>
                    </li>
                    <li>
                        <i class="num">3</i>
                        <a href="#" class="title">新加坡国立大学</a>
                        <a href="#" class="btn  common fr">索取资料</a>
                    </li>
                    <li>
                        <i class="num">4</i>
                        <a href="#" class="title">新加坡国立大学</a>
                        <a href="#" class="btn common  fr">索取资料</a>
                    </li>
                    <li>
                        <i class="num">5</i>
                        <a href="#" class="title">新加坡国立大学</a>
                        <a href="#" class="btn  common fr">索取资料</a>
                    </li>
                    <li>
                        <i class="num">6</i>
                        <a href="#" class="title">新加坡国立大学</a>
                        <a href="#" class="btn  common fr">索取资料</a>
                    </li>
                </ul>
            </div>
        </div>
        <main class="w clearfix">
            <div class="fl">
                <div class="part1">
                    <div class="title">去新加坡留学 你可能想关注</div>
                    <ul>
                        <li>
                            <a href="#">
                                <div class="imgbox"><img src="images/i16.png" alt=""></div>
                                <div class="text">如何备战AEIS考试</div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="imgbox"><img src="images/i17.png" alt=""></div>
                                <div class="text">如何备战A水准考试</div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="imgbox"><img src="images/i18.png" alt=""></div>
                                <div class="text">如何备战O水准考试</div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="imgbox"><img src="images/i19.png" alt=""></div>
                                <div class="text">预科</div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="imgbox"><img src="images/i20.png" alt=""></div>
                                <div class="text">私立中小学</div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="imgbox"><img src="images/i21.png" alt=""></div>
                                <div class="text">BCA建筑学院</div>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="part2">
                    <ul>
                        <li><a href="#">留学指导</a></li>
                        <li><a href="#">选教方案</a></li>
                        <li><a href="#">提交资料</a></li>
                        <li><a href="#">办理签证</a></li>
                        <li><a href="#">行前准备</a></li>
                        <li><a href="#">落地服务</a></li>
                        <li><a href="#">成功留学</a></li>
                    </ul>
                    <div class="r_box">
                        <div class="title">申请流程</div>
                        <div class="s">免费热线指导 4008-123-123</div>
                    </div>
                </div>
                <div class="part3 student_carousel">
                    <div class="title">优秀学员</div>
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <ul class="student_list">
                                    <li>
                                        <a href="https://www.baidu.com"><img src="" alt="">
                                            <div class="intro">
                                            	<span class="name">王学山</span>
                                            	<span class="info">AEIS成绩 499 南洋理工大学</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#"><img src="" alt="">
                                        	<div class="intro">
                                            	<span class="name">王学山</span>
                                            	<span class="info">AEIS成绩 499 南洋理工大学</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#"><img src="" alt="">
                                        	<div class="intro">
                                            	<span class="name">王学山</span>
                                            	<span class="info">AEIS成绩 499 南洋理工大学</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#"><img src="" alt="">
                                        	<div class="intro">
                                            	<span class="name">王学山</span>
                                            	<span class="info">AEIS成绩 499 南洋理工大学</span>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div class="swiper-slide">
                                <ul class="student_list">
                                    <li>
                                        <a href="#"><img src="" alt="">
                                        	<div class="intro">
                                            	<span class="name">王学山</span>
                                            	<span class="info">AEIS成绩 499 南洋理工大学</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#"><img src="" alt="">
                                        	<div class="intro">
                                            	<span class="name">王学山</span>
                                            	<span class="info">AEIS成绩 499 南洋理工大学</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#"><img src="" alt="">
                                        	<div class="intro">
                                            	<span class="name">王学山</span>
                                            	<span class="info">AEIS成绩 499 南洋理工大学</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#"><img src="" alt="">
                                        	<div class="intro">
                                            	<span class="name">王学山</span>
                                            	<span class="info">AEIS成绩 499 南洋理工大学</span>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div class="swiper-slide">
                                <ul class="student_list">
                                    <li>
                                        <a href="#"><img src="" alt="">
                                        	<div class="intro">
                                            	<span class="name">王学山</span>
                                            	<span class="info">AEIS成绩 499 南洋理工大学</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#"><img src="" alt="">
                                        	<div class="intro">
                                            	<span class="name">王学山</span>
                                            	<span class="info">AEIS成绩 499 南洋理工大学</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#"><img src="" alt="">
                                        	<div class="intro">
                                            	<span class="name">王学山</span>
                                            	<span class="info">AEIS成绩 499 南洋理工大学</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#"><img src="" alt="">
                                        	<div class="intro">
                                            	<span class="name">王学山</span>
                                            	<span class="info">AEIS成绩 499 南洋理工大学</span>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="swiper-pagination"></div>
                    </div>
                </div>
                <div class="part4">
                	<a href="#"><img src="images/banner6.png" alt=""></a>
                </div>
                <div class="part5">
                	<div class="title">友情链接</div>
                	<div class="imgs">
                		<img src="" alt="">
                		<img src="" alt="">
                		<img src="" alt="">
                		<img src="" alt="">
                		<img src="" alt="">
                	</div>
                	<div class="links">

                		<a href="#">兰州晨报</a>
                		<a href="#">新文化报</a>
                		<a href="#">南方人物周刊</a>
                		<a href="#">央视网</a>
                		<a href="#">黑龙江新闻</a>
                		<a href="#">网荆楚网</a>
                		<a href="#">国际展望</a>
                		<a href="#">温州网</a>
                		<a href="#">云南日报</a>
                		<a href="#">北京商报</a>
                		<a href="#">深圳新闻网</a>
                		<a href="#">北京商报</a>
                		<a href="#">四川在线</a>
                		<a href="#">长城网</a>
                		<a href="#">中国文明网</a>
                		<a href="#">山西新闻网</a>
                		<a href="#">云南网</a>
                		<a href="#">解放日报</a>
                		<a href="#">宁夏网</a>
                		<a href="#">中国西藏网</a>

                	</div>
                </div>
            </div>
            <div class="fr">
                <div class="part1">
                    <div class="top">
                        <span>留学常见问题</span>
                        <div class="fr">
                            <a href="#" class="more">更多<img src="images/icon_more.png" alt=""></a>
                        </div>
                    </div>
                    <ul class="list">
                        <li><i class="dot">•</i><a href="#">美联航拖拽下机事件两安保人员遭解雇</a></li>
                        <li><i class="dot">•</i><a href="#">美联航拖拽下机事件两安保人员遭解雇</a></li>
                        <li><i class="dot">•</i><a href="#">美联航拖拽下机事件两安保人员遭解雇</a></li>
                        <li><i class="dot">•</i><a href="#">美联航拖拽下机事件两安保人员遭解雇</a></li>
                        <li><i class="dot">•</i><a href="#">美联航拖拽下机事件两安保人员遭解雇</a></li>
                        <li><i class="dot">•</i><a href="#">美联航拖拽下机事件两安保人员遭解雇</a></li>
                    </ul>
                </div>
                <div class="part2">
                    <a href="#"><img src="images/Banner3.png" alt=""></a>
                </div>
                <div class="part3">
                    <div class="top">
                        <span>免费备考资源</span>
                        <div class="fr">
                        </div>
                    </div>
                    <ul class="clearfix">
                        <li><a href="#">备考真题</a></li>
                        <li><a href="#">模拟试卷</a></li>
                        <li><a href="#">答案下载</a></li>
                    </ul>
                </div>
                <div class="part4">
                    <div class="top">
                        <span>热门标签</span>
                        <div class="fr">
                        </div>
                    </div>
                    <ul class="clearfix">
                        <li><a href="#">新加坡</a></li>
                        <li><a href="#">美景</a></li>
                        <li><a href="#">花园城市</a></li>
                        <li><a href="#">高楼摩天楼</a></li>
                        <li><a href="#">建筑风格</a></li>
                        <li><a href="#">城市建筑</a></li>
                        <li><a href="#">夜景</a></li>
                        <li><a href="#">大厦</a></li>
                        <li><a href="#">建筑</a></li>
                        <li><a href="#">风光城市</a></li>
                        <li><a href="#">新加坡</a></li>
                        <li><a href="#">高楼大厦</a></li>
                    </ul>
                </div>
                <div class="part5">
                    <div class="top">
                        <span>联系我们</span>
                        <div class="fr">
                        </div>
                    </div>
                    <div class="contact">
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="title">南京课窝留学服务中心</div>
                                    <ul class="info">
                                        <li><img src="images/i13.png" alt="">4008 - 123 - 123</li>
                                        <li><img src="images/i14.png" alt="">（+86-25)8652 1529</li>
                                    </ul>
                                    <div class="address">
                                        <img src="images/i15.png" alt="">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="title">南京课窝留学服务中心</div>
                                    <ul class="info">
                                        <li><img src="images/i13.png" alt="">4008 - 123 - 123</li>
                                        <li><img src="images/i14.png" alt="">（+86-25)8652 1529</li>
                                    </ul>
                                    <div class="address">
                                        <img src="images/i15.png" alt="">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="title">南京课窝留学服务中心</div>
                                    <ul class="info">
                                        <li><img src="images/i13.png" alt="">4008 - 123 - 123</li>
                                        <li><img src="images/i14.png" alt="">（+86-25)8652 1529</li>
                                    </ul>
                                    <div class="address">
                                        <img src="images/i15.png" alt="">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="title">南京课窝留学服务中心</div>
                                    <ul class="info">
                                        <li><img src="images/i13.png" alt="">4008 - 123 - 123</li>
                                        <li><img src="images/i14.png" alt="">（+86-25)8652 1529</li>
                                    </ul>
                                    <div class="address">
                                        <img src="images/i15.png" alt="">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-pagination"></div>
                        </div>
                        <a href="#" class="btn">在线咨询</a>
                    </div>
                </div>
            </div>
        </main>
    </section>
    <section class="b_infomation">
    	<div class="title">新加坡留学网</div>
    	<p>你进入新加坡最佳的捷径</p>
    	<p>新加坡留学网是xx旗下专为新加坡留学说提供免费办理的新加坡留学中介平台</p>
    	<ul class="w clearfix">
    		<li><img src="images/ic1.png" alt="">
    		<div class="text">权威官方服务平台专注教育10余年</div>
    		</li>
    		<li><img src="images/ic2.png" alt="">
    		<div class="text">最好专业服务团队全程为你保驾护航</div>
    		</li>
    		<li><img src="images/ic3.png" alt="">
    		<div class="text">10年期间累计学员超过上万人次</div>
    		</li>
    		<li><img src="images/ic4.png" alt="">
    		<div class="text">最好的AEIS老师 命题中率高达96%</div>
    		</li>
    		<li><img src="images/ic5.png" alt="">
    		<div class="text">新加坡众多学校官方直接授权，获得中国招生资格</div>
    		</li>
    	</ul>
    	<h3>掌握新加坡留学费用、了解新加坡留学条件、充足备战新加坡留学</h3>
    	<h3>选择我们，你的留学之路已经成功一半了</h3>
    </section>
    <footer class="common">
    	<div class="w">
    		<ul class="links">
    			<li><a href="#">机构介绍</a></li>
    			<li><a href="#">隐私条款</a></li>
    			<li><a href="#">免责声明</a></li>
    			<li><a href="#">网站地图</a></li>
    			<li><a href="#">联系我们</a></li>
    		</ul>
    		<div class="text">增值电信业务经营许可证 苏B2-20130051 苏ICP备13024659号 Copyright © 2008-2017 AEIS.ORG.CN All Rights Reserved Powered by ning·mao.</div>
    		<a href="#"><img src="images/logo2.png" class="logo" alt=""></a>
    	</div>
    </footer>
</body>
<script src="js/jquery-1.12.0.min.js"></script>
<script src="js/swiper.jquery.min.js"></script>
<script>
var swiper = new Swiper('.carousel .swiper-container', {
    nextButton: ' .carousel .icon_r',
    prevButton: ' .carousel .icon_l',
    // loop: true
});

var swiper = new Swiper('.contact .swiper-container', {
    pagination: '.contact .swiper-pagination',
    paginationClickable: true,
    loop: true
});


var swiper = new Swiper('.student_carousel .swiper-container', {
    pagination: '.student_carousel .swiper-pagination',
    paginationClickable: true,
    loop: true
});

//tab
$(".section3 .part .tab > li:not(.other)").on("click", function() {
    $(this).addClass('current').siblings().removeClass('current');
    $(".section3 .other_box").hide();
});
$(".section3 .tab >li.other").on("click", function() {
    $(".section3 .part .tab > li").removeClass('current');
    $(".section3 .other_box ul li").removeClass('current');
    $(this).next().toggle();
})
$(".section3 .tab .other_box  ul li").on("click", function() {
    $(this).addClass('current').siblings().removeClass('current');
})

var s = document.querySelector('.homepage .get');
var timer;
var num = 60;
var flag = true;

s.onclick = function() {
    if (flag) {
        clearInterval(timer);
        timer = setInterval(function() {
            flag = false;
            num--
            s.innerHTML = "重新获取" + num + "s";
            s.classList.add("countdown");
            if (num === 0) {
                clearInterval(timer)
                 s.classList.remove("countdown");
                s.innerHTML = "获取验证码";
                num = 60;
                flag = true;
            }
        }, 1000)
    }
};

</script>

</html>
